<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<style>
.li_dept {
	height: 28px;
	line-height: 28px;
	list-style: none;
	background-repeat: no-repeat;
	padding-left: 25px;
	background-position-y: 50%;
	margin: 0px 10px 0px 0px;
	width: 40%;
	float: left;
	border-right: 1px dashed rgb(224, 236, 255);
	padding-right: 10px;
	background-image: url(public/images/publish_exce.png);
	background-repeat: no-repeat;
}

.question_tools:hover .xs {
	display: none;
}

.borderw {
	border: 28px solid white;
	border-top: hidden;
	border-bottom: hidden;
}
</style>
<div class="easyui-layout" fit="true">
	<!--内容-->
	<div data-options="region:'center'" border="false">
		<h1>
			<input type="hidden" value="${zj.dagang.id}" /> <a id="returnchater"
				href="#"><img class="imglog" src="public/images/back.png">&nbsp;&nbsp;<span>${zj.name}</span></a>
		</h1>
		<div class="div_normal">
			章节中的所有试题，鼠标单击试题，将出现一个工具条，您可以完成添加、编辑、删除和转移试题等操作，也可以为试题添加一张图片。</div>
		<a id="btn1" href="#" class="easyui-linkbutton"
			data-options="iconCls:'icon-add'"
			style="margin-top: 10px; margin-left: 15px;">添加选择题</a> <a id="btn2"
			href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add'"
			style="margin-top: 10px; margin-left: 10px;">添加判断题</a> <a id="btn3"
			href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add'"
			style="margin-top: 10px; margin-left: 10px;">添加编程题</a>
		<div class="easyui-accordion fs3" style="width: 97.5%;">
			<div title="习题列表" border="false"
				data-options="iconCls:'icon-ok',split:false,collapsible:false"
				style="overflow: auto; padding: 10px; padding-left: 10px">
				<div>
					<input type="hidden" id="zjid" value="${zj.id}" />
					<fieldset
						style="border: none; width: 96%; margin-top: 10px; margin-left: 15px;">
						<legend
							style="font-weight: bold; padding-bottom: 10px; font-size: 12px;">选择题(共${choice.size()})题</legend>
						<ol type="1" class="borderw">
							<c:forEach items="${choice}" var="c" varStatus="states">
								<li class="li_question">
									<div class="question_title">
										<a name="m1470"></a>
										${states.index+1}、${c.title}(选${c.answer.length()}项) <span
											class="correct_answer">${c.answer}</span>
									</div>
									<ol type="A">
										<li>A、${c.optionA}</li>
										<li>B、${c.optionB}</li>
										<li>C、${c.optionC}</li>
										<li>D、${c.optionD}</li>
									</ol>
									<div class="question_tools" style="padding-left: 35px;">
										<ul style="display: none">
											<li><span> <input type="hidden" value="${c.id}">
													 <a
													title="试题" class="btn1-add" href="#"><img
														src="public/images/edit_add.png"> 添加</a> <input
													type="hidden" value="${c.id}"> <a title="编辑试题"
													class="btn1-edit" href="#"><img
														src="public/images/pencil.png"> 编辑</a> <input
													type="hidden" value="${c.id}"> <a title="删除试题"
													class="btn1-delete icon-delete" href="#"><img
														src="public/images/cut.png">删除试题</a> <input
													type="hidden" value="${c.id}"> <!-- <a title="转移试题" class="btn1-transfer"  href="#"><img src="http://gson.cn/imgs/tranfer.png"> 转移</a> -->
											</span></li>
										</ul>
									</div>
								</li>
							</c:forEach>
						</ol>
					</fieldset>
					<fieldset
						style="border: none; width: 96%; margin-top: 10px; margin-left: 15px;">
						<legend
							style="font-weight: bold; padding-bottom: 10px; font-size: 12px;">判断题(共${option.size()})题</legend>
						<div class="tab3_line"></div>

						<ol type="1" class="borderw">
							<c:forEach items="${option}" var="o" varStatus="states">
								<li class="li_question">
									<div class="question_title">
										${states.index+1}、${o.title}<span class="correct_answer">${o.answer}</span>
									</div>

									<div class="question_tools" style="padding-left: 35px;">
										<ul style="display: none">
											<li><span> <input type="hidden" value="${o.id}">
													<a title="添加试题" class="btn2-add" href="#"> 
													<img src="public/images/edit_add.png"> 添加</a>
													<input type="hidden" value="${o.id}"> <a
													title="编辑试题" class="btn2-edit" href="#"><img
														src="public/images/pencil.png">编辑</a> <input
													type="hidden" value="${o.id}"> <a title="删除试题"
													class="btn2-delete " href="#"> <img
														src="public/images/cut.png">删除试题</a>
											</span></li>
										</ul>
									</div>
								</li>
							</c:forEach>
						</ol>
					</fieldset>
					<fieldset
						style="border: none; width: 96%; margin-top: 10px; margin-left: 15px;">
						<legend
							style="font-weight: bold; padding-bottom: 10px; font-size: 12px;">编程题(共${program.size()})题</legend>
						<div class="tab3_line"></div>

						<ol type="1" class="borderw">
							<c:forEach items="${program}" var="p" varStatus="states">
							
								<li class="li_question">
									<div class="question_title">
										<a name="m648"></a> <pre>${states.index+1}、${p.title}</pre>
									</div>
									<div class="question_tools" style="padding-left: 35px;">
										<ul style="display: none;">
											<li><span> <input type="hidden" value="${p.id}">
													 <a
													title="添加试题" class="btn3-add" href="#"><img
														src="public/images/edit_add.png"> 添加</a> <input
													type="hidden" value="${p.id}"> <a title="编辑试题"
													class="btn3-edit" href="#"><img
														src="public/images/pencil.png">编辑</a> <input
													type="hidden" value="${p.id}"> <a title="删除试题"
													class="btn3-delete" href="#"><img
														src="public/images/cut.png"> 删除试题</a> <!-- <a title="转移试题" href="#"><img src="http://gson.cn/imgs/tranfer.png"> 转移</a> -->
											</span></li>
										</ul>
									</div>
								</li>
							</c:forEach>
						</ol>
					</fieldset>
				</div>
			</div>
		</div>
	</div>
</div>
<script src="public/js/exercises.js"></script>